<?php $this->load->view(T.'header'); ?>
<?php $this->load->view('timeline_list'); ?>
<!--  PAPER WRAP -->
    <div class="wrap-fluid">
        <div class="container-fluid paper-wrap bevel tlbr">

            <!-- CONTENT -->
            <!--TITLE -->
            <div class="row">
                <div id="paper-top">
                    <div class="col-sm-12">
                        <h2 class="tittle-content-header">
                            <i class="qt-network"></i>
                            <span id="title-header">
                                <?php echo (isset($this->title_header)) ? $this->title_header : 'TRANG CHÍNH';?>
                            </span>
                        </h2>
                    </div>
                </div>
            </div>
            <!--/ TITLE -->
            <ul id="breadcrumb">
                <li><span class="entypo-home"></span></li>
                <li><i class="fa fa-lg fa-angle-right"></i></li>
                <li><a href="#main">Trang chủ</a></li>
            </ul>
            <div class="content-wrap">
            <div class="nest" id="validationClose">
                <div class="title-alt" style="height: 30px;border: 1px solid #bcbcbc; border-bottom: none !important;">
                    <h6 style="margin: 0px; font-size: 12px; font-weight: bold">
                    <span style="background: url('<?php echo base_url('public/theme/'.T); ?>/images/p1.png') left top no-repeat; width: 16px; height: 15px; float:left;">&nbsp;</span>
                    <span style="margin-left: 6px; color: #ff6c09; font-size:: 13px; margin-top: 3px; float: left">Ghi chú</span></h6>
                  
                </div>



                <div class="body-nest" id="validation" style="padding: 0px;">
                    <div class="">
                        <form action="contact" id="contact-form" class="form-horizontal" novalidate="novalidate" style="border: 1px solid #bcbcbc;">
                            <fieldset style="width: 100%;">
                                <div class="control-group">
                                    <div class="controls" style="border-bottom: 1px dotted #bcbcbc">
                                        <textarea style="background-color: white; border: none !important;" class="form-control" name="message" placeholder="Nhập nội dung ghi chủ của bạn..." id="message" rows="3"></textarea>
                                    </div>
                                </div>
                                
                                <div id="fas" class='control-group'>
                                
                                </div>
                                
                                <div class="form-actions" style="margin:0 0 0 0; background: #bcbcbc; float:left; width: 100%;">
                                    <span class="qt-user q-user" style="font-size: 20px; color: white; margin: 5px 8px 0px 10px; float: left;">&nbsp;</span>
                                    
                                    <span class="qt-clock1" style="font-size: 20px; color: white; margin: 5px 0px; float: left;">&nbsp;</span>
                                    
                                </div>
                            </fieldset>
                        </form>
                        <script type="text/javascript">
                        <!--
                        	$(document).ready(function(){
                        	   $('.q-user').click(function(){
                        	       iconAddUser();
                        	   });
                        	});
                            
                            function iconAddUser(){
                                <?php
                                    $out = "<div class='controls'>
                                                     <div>
                                                          <select data-placeholder='Bạn đi gặp ai?'  style='width:80%; height: 50px;' class='chosen-select' multiple tabindex='6'>
                                                            <option value=''></option>
                                                            <optgroup label='NFC EAST'>
                                                              <option>Dallas Cowboys</option>
                                                              <option>New York Giants</option>
                                                              <option>Philadelphia Eagles</option>
                                                              <option>Washington Redskins</option>
                                                            </optgroup>
                                                            <optgroup label='NFC NORTH'>
                                                              <option>Chicago Bears</option>
                                                              <option>Detroit Lions</option>
                                                              <option>Green Bay Packers</option>
                                                              <option>Minnesota Vikings</option>
                                                            </optgroup>
                                                          </select>
                                                          <span>sdfadf</span>
                                                        </div>
                                                </div>";
                                ?>
                            	$("#fas").append("<?php echo preg_replace('/\s{2,9999}/','',$out); ?>");
                                
                                var config = {
                                      '.chosen-select'           : {},
                                      '.chosen-select-deselect'  : {allow_single_deselect:true},
                                      '.chosen-select-no-single' : {disable_search_threshold:10},
                                      '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
                                      '.chosen-select-width'     : {width:"95%"}
                                    }
                                    for (var selector in config) {
                                      $(selector).chosen(config[selector]);
                                    }
                            	//$('.select-customer').focus()
//                            	ajaxCustomer();
//                            	$( ".select-customer" ).keyup(function() {
//                            		ajaxCustomer();
//                            	});
                                }
                        -->
                        </script>
                    </div>
                </div>
            </div>
            
            
                <div class="time-wrap">
                    <div class="row">
                        <div class="col-md-12">
                            <!-- The time line -->
                            <ul class="timeline">
                                <!-- timeline time label -->
                                <li class="time-label">
                                    <span class="bg-red">
                                        27/04/2014
                                    </span>
                                </li>
                                <!-- /.timeline-label -->
                                <!-- timeline item -->
                                <li>
                                    <i class="fa bg-time" style="background: url('<?php echo base_url('public/theme/'.T); ?>/images/seo.png') !important;"></i>
                                    <div class="timeline-item">
                                        
                                        <span class="time" style="margin-left: 10px; color: #424242"><i class="qt-clock1" style="color: #424242;"></i> 12:30:20</span>
                                        <span class="time"  style="color: #424242;"><i class="qt-time1" style="color: #424242;"></i> 31/07/2014</span>
                                        <h3 class="timeline-header"><a href="#" style="font-weight: bold;">Hoàng Minh Anh Tài</a> 
                                        <span style="margin: 0px 10px 0px 20px;">gặp khách hàng</span>
                                        <a class="mr" href="#">Mr. Mauris - công ty Dolor Consecteur</a>
                                        </h3>
                                        
                                        <div class="timeline-body" style="color: #808080;">
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et dui id justo rhoncus consequat. Aliquam porttitor, arcu quis ornare ultricies, augue neque fringilla turpis, nec cursus arcu enim nec ante. Duis lacus velit, ultricies nec condimentum at, ultrices id eros. Nullam elementum turpis ut est porttitor porttitor. Mauris eu nunc id neque tempor venenatis. Nulla eu placerat orci, quis gravida nulla. Donec suscipit ligula felis, nec egestas massa aliquet vitae. Cras nec faucibus leo, eu placerat est. Phasellus tortor nulla, congue tristique cursus nec, pellentesque non nunc. Nullam condimentum ante nulla, pellentesque fermentum mi tristique eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet rutrum felis. Ut ultricies mi ut adipiscing fringilla.
                                        </div>
                                        <div class="timeline-footer">
                                            <a class="btn btn-primary btn-xs">Read more</a>
                                            <a class="btn btn-danger btn-xs">Delete</a>
                                        </div>
                                    </div>
                                </li>
                                <!-- END timeline item -->
                                <!-- timeline item -->
                                <li>
                                    <i class="fa bg-time" style="background: url('<?php echo base_url('public/theme/'.T); ?>/images/sale.png') !important;"></i>
                                    <div class="timeline-item">
                                        <span class="time"><i class="fa fa-clock-o"></i> 5 mins ago</span>
                                        <h3 class="timeline-header no-border"><a href="#">Dominic Pagboo</a> accepted your friend request</h3>

                                        <div class="timeline-body">
                                            Vestibulum risus augue, cursus et est sed, pharetra venenatis nibh. Sed hendrerit sollicitudin pretium. Integer consequat suscipit scelerisque. Nullam sagittis, ante et aliquet tincidunt, nunc metus tincidunt ipsum, at gravida lacus nibh eget purus. Nulla euismod est et massa scelerisque, vitae semper diam ultrices. Donec porta condimentum pharetra. Suspendisse tincidunt, mauris vel laoreet aliquet, urna ante tristique nisl, ut sagittis justo neque quis augue. In sollicitudin vel libero interdum varius.
                                        </div>
                                    </div>
                                </li>
                                <!-- END timeline item -->
                                <!-- timeline item -->
                                <li>
                                    <i class="fa fa-comments bg-time"></i>
                                    <div class="timeline-item">
                                        <span class="time"><i class="fa fa-clock-o"></i> 40 mins ago</span>
                                        <h3 class="timeline-header"><a href="#">Ronald deboor</a> commented on your post</h3>
                                        <div class="timeline-body">
                                            Pellentesque vel sem in dui porttitor tempus non interdum augue. Aliquam consectetur arcu nec enim vulputate, eget mattis augue rhoncus. Aliquam porttitor cursus metus vitae fringilla. Pellentesque sed ipsum id purus placerat ornare. Mauris bibendum enim tellus,
                                        </div>
                                        <div class="timeline-footer">
                                            <a class="btn btn-warning btn-flat btn-xs">View comment</a>
                                        </div>
                                    </div>
                                </li>
                                <!-- END timeline item -->
                                <!-- timeline time label -->
                                <li class="time-label">
                                    <span class="bg-green">
                                        3 Jan. 2014
                                    </span>
                                </li>
                                <!-- /.timeline-label -->
                                <!-- timeline item -->
                                <li>
                                    <i class="fa fa-camera bg-time"></i>
                                    <div class="timeline-item">
                                        <span class="time"><i class="fa fa-clock-o"></i> 2 days ago</span>
                                        <h3 class="timeline-header"><a href="#">Joko Sriyanto</a> Your new friends</h3>
                                        <div class="timeline-body">
                                            <img src="http://api.randomuser.me/portraits/thumb/men/40.jpg" alt="..." class="margin">
                                            <img src="http://api.randomuser.me/portraits/thumb/women/41.jpg" alt="..." class="margin">
                                            <img src="http://api.randomuser.me/portraits/thumb/men/42.jpg" alt="..." class="margin">
                                            <img src="http://api.randomuser.me/portraits/thumb/women/43.jpg" alt="..." class="margin">
                                        </div>
                                    </div>
                                </li>
                                <!-- END timeline item -->
                                <!-- timeline item -->
                                <li>
                                    <i class="fa fa-video-camera bg-time"></i>
                                    <div class="timeline-item">
                                        <span class="time"><i class="fa fa-clock-o"></i> 5 days ago</span>
                                        <h3 class="timeline-header"><a href="#">Mr. Doe</a> shared a video</h3>
                                        <div class="timeline-body">
                                            Pellentesque vel sem in dui porttitor tempus non interdum augue. Aliquam consectetur arcu nec enim vulputate, eget mattis augue rhoncus. Aliquam porttitor cursus metus vitae fringilla. Pellentesque sed ipsum id purus placerat ornare. Mauris bibendum enim tellus,

                                        </div>
                                        <div class="timeline-footer">
                                            <a href="#" class="btn btn-xs bg-time">See comments</a>
                                        </div>
                                    </div>
                                </li>
                                <!-- END timeline item -->
                                <li>
                                    <i class="fa fa-clock-o bg-time"></i>
                                </li>
                            </ul>
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                </div>
            </div>
<div class="content-wrap" id="show-content2"></div>
<div class="content-wrap">          
<?php $this->load->view(T.'footer'); ?>